<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <title>阿金美业</title>
  <link rel="stylesheet" type="text/css" href="${ctx }/resource/css/reset.css">
  <link rel="stylesheet" type="text/css" href="${ctx }/resource/css/style.css">
  <link rel="stylesheet" type="text/css" href="${ctx }/resource/css/swiper-3.4.2.min.css">
  <script type="text/javascript" src="${ctx }/resource/js/lib/rem.js"></script>
</head>
<body class="bg-color">
  <div class="wrap_inner">
    <div class="index-head">
      <div class="banner-wrap">
        <a href="#"><img src="${ctx }/resource/img/banner.png" alt="banner"></a>
      </div>
      <div class="tit-head">
        <p>店铺介绍</p>
      </div>
      <div class="nav-img">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="${ctx }/resource/storeDetails.html">
                <div class="bg" style="background-image: url(${ctx }/resource/img/pic1.jpg)">
                  <div class="img-line1"></div>
                  <div class="img-line2"></div>
                  <div class="img-line3"></div>
                </div>
              </a>
            </div>
            <div class="swiper-slide">
               <a href="${ctx }/resource/storeDetails.html">
                <div class="bg" style="background-image: url(${ctx }/resource/img/pic2.jpg)">
                  <div class="img-line1"></div>
                  <div class="img-line2"></div>
                  <div class="img-line3"></div>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="list-hairsty">
      <div class="tit-head">
        <p>发型师</p>
      </div>
      <ul class="list-info clearfix">
      <c:forEach items="${workers }" var="work">
        <li>
          <a href="#">
            <div class="bg" style="background-image:url(${ctx }/resource/img/topPic/${work.pic.path })">
            <c:if test="${work.sex==1 }">
            	 <a href="${ctx }/bespeak/oauth?id=${work.id}">约他</a>
            </c:if>
            <c:if test="${work.sex==2 }">
            	 <a href="${ctx }/bespeak/oauth?id=${work.id}">约她</a>
            </c:if>
            <c:if test="${work.sex==0 }">
            	 <a href="${ctx }/bespeak/oauth?id=${work.id}">约TA</a>
            </c:if>
            </div>
            <div class="info-txt flex">
               <b>${work.name }</b>
             <span>今日预约0次</span>
            </div>
          </a>
        </li>
         </c:forEach>
      </ul>
    </div>
  </div>
<%@ include file="../common/foot.jsp"%>
  <script type="text/javascript" src="${ctx }/resource/js/lib/jquery-3.3.1.js"></script>
  <script type="text/javascript" src="${ctx }/resource/js/lib/swiper.min.js"></script>
  <script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container',{
        loop: true,
        autoplay : 3000,
        autoplayDisableOnInteraction : false,
        speed:1500,
        paginationClickable: true
    })
  </script>
</body>
</html>